<template>
  <div
    class="fwwsacwh bottombutton"
    :style="{'--pa': bottombuttonstyless.pa, '--fs': bottombuttonstyless.fs,'--br': bottombuttonstyless.br}"
  >
    <el-button type="primary" @click="switchbtn('gongre')">供热图</el-button>
    <el-button type="primary" @click="switchbtn('nengxiao')">能效图</el-button>

    <timepick>
      <el-button type="primary" @click="1">时间选择</el-button>
    </timepick>
    <elementcheck>
      <el-button type="primary" @click="1">模块选择</el-button>
    </elementcheck>
  </div>
</template>
<script>
import defaultmixins from "@/mixins/bigScreen/defaultmixins";

export default {
  name: "bottombutton",
  mixins: [defaultmixins],
  components: {},
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "左侧面板"
        },
        {
          value: "选项2",
          label: "右侧面板"
        },
        {
          value: "选项3",
          label: "告警信息"
        }
      ],
      value1: [],
      value2: []
    };
  },
  computed: {},
  watch: {},
  mounted() {},
  methods: {
    switchbtn(type) {
      this.$store.state.daping.scencetype = type;
      this.$message.success("三维地图场景切换成功");
    }
  }
};
</script>
<style lang='scss'>
.bottombutton {
  .el-button--primary {
    color: #fff;
    background-color: #409eff55;
    border-color: #409eff99;
  }

  .el-button {
    padding: var(--pa);
    font-size: var(--fs);
    border-radius: var(--br);
  }
}
</style>